<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="header">
    <header class="site-header js-sticky-element">
        <h1 class="site-header__logo "><a href="/" class="js-close-menu"></a></h1>
        <button class="site-header__hamburger hamburger">
            <div class="hamburger__box">
                <div class="hamburger__inner"><span></span> <span></span> <span></span></div>
            </div>
        </button>
        <div class="site-header__wrapper"><span></span>
            <div>
                <div>
                    <nav class="site-header__nav site-nav component-nav-pages nav nav--big">
                        <ul id="menu-header-en" class="nav__list">
                            <li class="nav__item js-toggle-menu" th:each="m: ${menus}"><a th:href="${m.href}" th:text="${session.lang == 'en' ? m.titleEn : m.title}">首页</a></li>

                        </ul>
                    </nav>
                    <div class="site-header__btns">
                        <a th:if="${session.lang == null || session.lang == 'zh'}" href="javascript:void(0);" data-url="/setLanguage?lang=en" class="btn btn--primary btn--large btn--dark-blue || js-toggle-menu js-reload-page">
                            <div>
                                <div class="btn__text" data-text="ENGLISH"><span>ENGLISH</span></div>
                                <div class="pub-w-line"><img src="/public/images/r-line-w.png" alt=""></div>
                            </div>
                        </a>
                        <a th:if="${session.lang == 'en'}" href="javascript:void(0);" data-url="/setLanguage?lang=zh" class="btn btn--primary btn--large btn--dark-blue || js-toggle-menu js-reload-page">
                            <div>
                                <div class="btn__text" data-text="中文"><span>中文</span></div>
                                <div class="pub-w-line"><img src="/public/images/r-line-w.png" alt=""></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>
</th:block>